<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../global.js"></script>
    <style>
        /*.one{*/
        /*    width: 300px;*/
        /*    height: 300px;*/
        /*    background-color: #0b85cc;*/
        /*}*/
    </style>

</head>
<body>
<ul id="one">
    <li>------------</li>
    <p>pppppppppppppppppppppp</p>
    <li>****************</li>
    <div class="one r">divdivdivdivdivdivdivdivdiv</div>
    <li>%%%%%%%%%%%%%%</li>
    <li>111111</li>
    <li>111111</li>

</ul>
<script>
   var ones=document.getElementById("one");

   var childs=childs(ones);
   console.log(childs);
   for (var i=0;i<childs.length;i++){
       childs[i].onclick=function () {
                this.style.color="red";
          var ne=siblings(this);
          for (var j=0;j<ne.length;j++){
          ne[j].style.color="yellow";
          }
       }
   }
console.log("哈哈哈")
</script>
</body>
</html>